Chapter Title Goes Here

Summary:

This document approximates the formatting that you'll encounter on AO3. It includes live links to the stylesheets that are used on AO3, in case those are updated, but if there's a big change with HTML then that won't be covered here.

The topmost stylesheet link is connected to workSkin.css, which currently has one class, "testColor," whose effect you can see here (if this paragraph isn't blue, something is wrong).

If you download testFile_extra.html (this page) and workSkin.css, then put them in the same folder, then everything should work right. Again, if the second paragraph of this summary is not blue, then something is wrong.

The work summary is contained in a blockquote with the class userstuff, which is contained in a div with the class summary module.

Notes:

The beginning notes in a work are contained in a blockquote with the class userstuff.

The blockquote is contained in a div with the class notes module and an id like chapter_1_endnotes; and that div is in another one, with the class preface group.

Chapter 1: The Title of This Chapter

Chapter Text

Technically speaking, something like preface group is really two classes, preface and group, but the order of these groups matters (i.e. preface group will not necessarily look the same as group preface), so in some ways it's helpful to think of them as a single class with particular building blocks.

Self-demonstrating Header 1

There are three types of header here in case you want to experiment with modifying those (I personally dislike how the header types are so different from each other, so I often modify them).

Header 2

Do you see what I mean about them being too different from each other? If I want to nest them, there's no consistency! Look at that huge gap between Header 2 and this paragraph, which doesn't happen with either Header 1 or Header 2.

Header 3

Anyway, let me know if you notice any problems with this page, and I'll try to fix them.

Notes:

The end notes in a chapter are contained in a blockquote with the class userstuff.

The blockquote is contained in a div with the class end notes module and an id like chapter_1_endnotes; and that div is in another one, with the class chapter preface group.

The beginning and end notes for works and chapters are basically the same, except that work notes use the preface group class and chapter notes use the chapter preface group class.